<template>
	<el-container v-if="ui === 'element'" style="height: 100vh">
		<el-header style="padding: 0;" :style="{ height: 'auto' }"><LayoutTop :height="topHeight" /></el-header>
		<el-container><LayoutContent /></el-container>
	</el-container>

	<Layout v-else-if="ui === 'iview'" style="height: 100vh">
		<Header style="padding: 0;" :style="{ height: 'auto' }"><LayoutTop :height="topHeight" /></Header>
		<Layout style="flex-direction:row"><LayoutContent /></Layout>
	</Layout>
</template>

<script>
import LayoutContent from '../LayoutContent';
import LayoutTop from '../LayoutTop';
export default {
	name: 'home',
	components: {
		LayoutTop,
		LayoutContent
	},
	data() {
		return {
			topHeight: '80px'
		};
	}
};
</script>
